<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>TextLocutor</title>
<link rel="stylesheet" href="{% block stylesheet %}{{ base_url }}/css/core/base.css{% endblock %}" type="text/css" />
{% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE" />{% endblock %}
<script type="text/javascript" src="{{ base_url }}/js/jquery.js"></script>
<script type="text/javascript" src="{{ base_url }}/js/jquery-ui.js"></script>
<script type="text/javascript">

function show_faq(){
   $.get("{{ base_url }}/faq/", function(data){
       var faq = $("<div id='faq' title='F.A.Q'>" + data + "</div>");
       faq.dialog({
       modal: "true",
       width: 650,
       maxHeight: 650,
       });
       faq.fadeIn("slow");
    });
}

function show_license(){
   $.get("{{ base_url }}/license/", function(data){
       var faq = $("<div id='license' title='License'>" + data + "</div>");
       faq.dialog({
       modal: "true",
       width: 650,
       maxHeight: 650,
       });
       faq.fadeIn("slow");
    });
}

</script>
</head>

<body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}">

<!-- Container -->
<div id="container">
  
  <!-- Header -->
  <div id="header">
    <div id="branding">
      <a href="{{ base_url }}"><img src="{{ base_url }}/img/core/title.png" alt="logo textlocutor"/></a>
    </div>
    <div id="user-tools">
      <p>Welcome, <strong>{{ user.nick }}</strong>. {% block userlinks %} {% endblock %} / <a href="{{ logout_url }}">log out</a></p>
      <img src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif"
	   alt="Powered by Google App Engine" />
      <img height="31" weigth="110" src="{{ base_url }}/img/core/python-powered.png"
	   alt="Python powered" />
    </div>
  
  </div>
  <!-- END Header -->

  <!-- Content -->
  <div id="content">
    {% if message %}
    <div class="system-message">
      <p>{{ message }}</p>
    </div>
    {% endif %}

    {% if error %}
    <div class="error">
      <p>{{ error }}</p>
    </div>
    {% endif %}

    {% block sidebar %}
    {% endblock %}
    
    {% block content %}
    {% endblock %}
    <br class="clear" />
  </div>
  <!-- END Content -->
</div>
<!-- END Container -->

<div id="floatMenu">
  <div id="faq_b" onclick="show_faq();">F.A.Q</div>
  <div id="license_b" onclick="show_license();">License</div>
</div>

</body>
</html>
